<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE>
<html>
	<head>
		<title>添加通知</title>

		<smLink1></smLink1>
		<smLink2>
			<link rel="stylesheet" href="<%=basePath%>js/lib/uploadifive/uploadifive.css">
		</smLink2>

		<smScript1></smScript1>
		<smScript2>
			<script type="text/javascript" src="<%=basePath%>js/lib/jquery/jquery-validation/jquery.validate.min.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/lib/jquery/jquery-validation/localization/messages_zh.min.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/lib/uploadifive/jquery.uploadifive.min.zh_cn.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/common/uploadifive.utils.js"></script>
			<script type="text/javascript" src="<%=basePath%>js/jsp/notice/add.js"></script>
		</smScript2>
	</head>

	<body>
		<div id="breadcrumbs" class="breadcrumbs ace-save-state">
			<ul class="breadcrumb">
				<li>
					<a href="<%=basePath%>web/notice/list.html">通知列表</a>
				</li>
				<li>
					<span>添加通知</span>
				</li>
			</ul>
		</div>

		<div class="page-content">
			<div class="row">
				<div class="col-xs-7">
					<form id="notice_form" class="form-horizontal" role="form" method="post" action="<%=basePath%>web/notice/add.html">
						<input name="noticeFileNames" type="hidden" value="">
						<input name="noticeFilePaths" type="hidden" value="">

						<div class="form-group">
							<label class="col-xs-3 control-label no-padding-right" for="notice_name">通知标题</label>

							<div class="col-xs-9">
								<input id="notice_name" name="noticeName" class="col-md-7" type="text" value="" placeholder="通知标题">
							</div>
						</div>

						<div class="space-1"></div>

						<div class="form-group">
							<label class="col-xs-3 control-label no-padding-right" for="notice_content">通知内容</label>

							<div class="col-xs-9">
								<textarea id="notice_content" name="noticeContent" class="col-md-7" rows="10" placeholder="通知内容"></textarea>
							</div>
						</div>

						<div class="space-1"></div>

						<div class="form-group">
							<label class="col-xs-3 control-label no-padding-right" for="upload_notice_files_btn">通知附件</label>

							<div class="col-xs-9">
								<button id="upload_notice_files_btn" class="btn btn-success btn-xs" type="button">
									<i class="ace-icon iconfont icon-upload f-s-12"></i>
									上传附件
								</button>
							</div>
						</div>

						<div class="space-1"></div>

						<div class="form-group">
							<label class="col-xs-3 control-label no-padding-right" for="notice_level">通知级别</label>

							<div class="col-xs-9">
								<select id="notice_level" name="noticeLevel" class="col-md-7">
									<option selected="selected" value="">请选择</option>
									<option value="1">国家（省）</option>
									<option value="2">贵阳市</option>
									<option value="3">清镇市</option>
								</select>
							</div>
						</div>

						<div class="space-1"></div>

						<div class="clearfix form-actions">
							<div class="col-md-offset-3 col-md-9">
								<button name="addNoticeBtn" class="btn btn-info" type="submit">
									<i class="ace-icon iconfont icon-plus"></i>提交
								</button>

								&nbsp; &nbsp; &nbsp;

								<button class="btn" type="reset">
									<i class="ace-icon iconfont icon-reset"></i>重置
								</button>
							</div>
						</div>
					</form>
				</div>

				<div class="col-xs-5">
					<div class="col-xs-12 f-s-14 red">数据校验如下：</div>

					<div class="col-xs-12">
						<div class="alert alert-warning m-0 m-t-5 p-0">
							<ol class="validate-ol f-s-12">
								<li>1、通知标题，必填；</li>
								<li>2、通知内容，必填；</li>
								<li>3、通知附件，非必上传；</li>
								<li>4、通知级别，必选。</li>
							</ol>
						</div>
					</div>

					<div class="col-xs-12">
						<div id="validate_container" class="display-none alert alert-danger m-0 m-t-5 p-0">
							<ul class="validate-ul f-s-12"></ul>
						</div>
					</div>

					<div class="col-xs-12">
						<div id="notice_queue"></div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>